/** @type {import('tailwindcss').Config} */
export default {
  content: [
    "./index.html",
    "./src/**/*.{vue,js,ts,jsx,tsx}",
  ],
  darkMode: 'class',
  theme: {
    extend: {
      colors: {
        'tech-blue': {
          50: '#e6f1fe',
          100: '#cce3fd',
          200: '#99c7fb',
          300: '#66abf9',
          400: '#338ff7',
          500: '#0073f5',
          600: '#005cc4',
          700: '#004593',
          800: '#002e62',
          900: '#001731',
          950: '#000b19',
        },
        'deep-blue': {
          50: '#e6eeff',
          100: '#ccdcff',
          200: '#99b9ff',
          300: '#6696ff',
          400: '#3373ff',
          500: '#0050ff',
          600: '#0040cc',
          700: '#003099',
          800: '#002066',
          900: '#001033',
          950: '#00081a',
        },
        'cyber-cyan': {
          50: '#e6fffd',
          100: '#ccfffb',
          200: '#99fff7',
          300: '#66fff3',
          400: '#33ffef',
          500: '#00ffeb',
          600: '#00ccbc',
          700: '#00998d',
          800: '#00665e',
          900: '#00332f',
          950: '#001a18',
        },
        'corporate': {
          50: '#f0f4f8',
          100: '#d9e2ec',
          200: '#bcccdc',
          300: '#9fb3c8',
          400: '#829ab1',
          500: '#627d98',
          600: '#486581',
          700: '#334e68',
          800: '#243b53',
          900: '#102a43',
        },
        'primary': {
          50: '#e6f0f9',
          100: '#cce0f4',
          200: '#99c2e9',
          300: '#66a3de',
          400: '#3385d3',
          500: '#0066c8',
          600: '#0052a0',
          700: '#003d78',
          800: '#002950',
          900: '#001428',
        },
        'secondary': {
          50: '#edf0f2',
          100: '#dce1e5',
          200: '#b9c3cb',
          300: '#96a5b1',
          400: '#748797',
          500: '#51697d',
          600: '#415464',
          700: '#31404b',
          800: '#202b32',
          900: '#101519',
        },
        'accent': {
          50: '#e0f7fa',
          100: '#b2ebf2',
          200: '#80deea',
          300: '#4dd0e1',
          400: '#26c6da',
          500: '#00bcd4',
          600: '#00acc1',
          700: '#0097a7',
          800: '#00838f',
          900: '#006064',
        },
      },
      boxShadow: {
        'glow': '0 0 15px rgba(0, 255, 235, 0.5)',
        'glow-lg': '0 0 25px rgba(0, 255, 235, 0.6)',
        'enterprise': '0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24)',
        'enterprise-md': '0 4px 6px rgba(0, 0, 0, 0.1)',
        'enterprise-lg': '0 10px 15px rgba(0, 0, 0, 0.1)',
        'enterprise-xl': '0 15px 25px rgba(0, 0, 0, 0.1)',
        'enterprise-2xl': '0 20px 40px rgba(0, 0, 0, 0.1)',
      },
      animation: {
        'pulse-slow': 'pulse 4s cubic-bezier(0.4, 0, 0.6, 1) infinite',
        'fade-in': 'fadeIn 0.5s ease-in-out',
        'slide-in': 'slideIn 0.3s ease-out',
      },
      keyframes: {
        fadeIn: {
          '0%': { opacity: '0' },
          '100%': { opacity: '1' },
        },
        slideIn: {
          '0%': { transform: 'translateY(-10px)', opacity: '0' },
          '100%': { transform: 'translateY(0)', opacity: '1' },
        },
      },
      fontFamily: {
        sans: ['Inter', 'system-ui', 'sans-serif'],
        display: ['Inter', 'system-ui', 'sans-serif'],
      },
      fontSize: {
        'xs': ['0.75rem', { lineHeight: '1rem' }],
        'sm': ['0.875rem', { lineHeight: '1.25rem' }],
        'base': ['1rem', { lineHeight: '1.5rem' }],
        'lg': ['1.125rem', { lineHeight: '1.75rem' }],
        'xl': ['1.25rem', { lineHeight: '1.75rem' }],
        '2xl': ['1.5rem', { lineHeight: '2rem' }],
        '3xl': ['1.875rem', { lineHeight: '2.25rem' }],
        '4xl': ['2.25rem', { lineHeight: '2.5rem' }],
        '5xl': ['3rem', { lineHeight: '1' }],
      },
      borderRadius: {
        'sm': '0.125rem',
        DEFAULT: '0.25rem',
        'md': '0.375rem',
        'lg': '0.5rem',
        'xl': '0.75rem',
        '2xl': '1rem',
      },
    },
  },
  plugins: [],
}
